<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" 
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:p="http://primefaces.org/ui"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:ui="http://java.sun.com/jsf/facelets">

<h:head>
	<meta name="viewport"
		content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />
	<link rel="shortcut icon" type="image/png" media="all"
		href="/negosyscom/resources/images/logo.png" />
	<link type="text/css" rel="stylesheet"
		href="/negosyscom/resources/css/layout.css" />
	<link type="text/css" rel="stylesheet"
		href="/negosyscom/resources/css/tablas.css" />
	<title><ui:insert name="title" /></title>
</h:head>

<h:body>
	<p:layout fullPage="true">

		<p:layoutUnit position="north" header="NEGOSYS" resizable="false"
			closable="false" collapsible="false">

			<h:form>
				<p:notificationBar position="top" effect="slide" widgetVar="bar"
					styleClass="top" style="height: auto;">
					<h:panelGrid columns="1" cellpadding="0">
						<h:outputText value="Redepronik Systems."
							style="color:#007AFF;font-size:20px;" />
						<h:outputText value="Version: Negosys 1.0"
							style="color:#007AFF;font-size:20px;" />
						<h:outputText
							value="© Copyright Redepronik Systems 2013.  All rights reserved."
							style="color:#007AFF;font-size:20px;" />

						<h:panelGrid columns="2" cellpadding="0">
							<h:outputText value="VISITENOS EN "
								style="color:#007AFF;font-size:20px;" />
							<a target="_blank" href="http://www.redepronik.com"
								style="color: #007AFF; font-size: 20px; text-decoration: none;">WWW.REDEPRONIK.COM</a>
						</h:panelGrid>
						<h:panelGrid columns="2" cellpadding="0">
							<h:outputText value="ESCRIBANOS EN NUESTRAS REDES SOCIALES DE "
								style="color:#007AFF;font-size:20px;" />
							<a target="_blank" href="http://www.facebook.com/redepronik"
								style="color: #007AFF; font-size: 20px; text-decoration: none;">FB/REDEPRONIK</a>
						</h:panelGrid>

						<p:commandButton value="CERRAR" onclick="PF('bar').hide()"
							type="button" />
					</h:panelGrid>
				</p:notificationBar>
				<p:outputLabel value="#{menuBean.nombreUsuario}"
					style="font-weight: bold;" />
				<p:commandButton style="visibility: hidden;" />
				<p:menuButton value="OPCIONES" iconPos="ui-icon-disk"
					style="position: absolute;right: 0px;">
					<p:menuitem value="CAMBIAR CLAVE" icon="ui-icon-disk"
						outcome="/views/seguridad/login/cambiarClave.jsf" />
					<p:separator />
					<p:menuitem value="ACERCA NEGOSYS" icon="ui-icon-gear"
						onclick="PF('bar').show()" type="button" />
					<p:separator />
					<p:menuitem icon="ui-icon-power" value="CERRAR SESION"
						url="/views/home.jsf" />
				</p:menuButton>
			</h:form>
		</p:layoutUnit>

		<p:layoutUnit position="south"
			header="© 2013 Redepronik SA - Todos Los Derechos Reservados  -  Telefonos: 0995600508 - 0989676339 - 0999308011"
			resizable="false" closable="false" collapsible="false"
			style="text-align:center">
		</p:layoutUnit>

		<p:layoutUnit position="west" size="320" header="MENU PRINCIPAL"
			resizable="false" closable="false" collapsible="true">
			<p:panelMenu model="#{menuBean.menuModel}"
				style="width:270px;padding:10px" />
		</p:layoutUnit>

		<p:layoutUnit id="centro" position="center"
			style="visibility: hidden !important;height: 0px !important;">
			<ui:insert name="content">
			</ui:insert>
		</p:layoutUnit>

	</p:layout>


	<!-- barra ajax -->
	<p:ajaxStatus onstart="PF('statusDialog').show()"
		onsuccess="PF('statusDialog').hide()" />

	<p:dialog widgetVar="statusDialog" modal="true" draggable="false"
		closable="false" resizable="false" showHeader="false">
		<p:graphicImage value="/resources/images/ajaxloadingbar.gif" />
	</p:dialog>

</h:body>
</html>